//类似 card，使用范围比 card 大，有背景颜色选择

.plate {
	clear: both;
	background: $background-color-lightest;
	margin: $plate-margin;
	padding: $plate-padding;
	border-top: 4px solid $default-border-color;
	//@include box-shadow($default-shadow);

	&:before, &:after {
		display: table;
	}

	&.collapsed {
		.plate-body {
			display: none;
		}

		.fa.fa-chevron-up:before {
			content: "\f078";
		}
		.fa.fa-chevron-down:before {
			content: "\f077";
		}
	}
}

.plate-head {
	color: inherit;
	border-bottom: $plate-head-border;
	padding: $plate-head-padding;
	position: relative;
	background-color: $plate-head-background;
}

.plate-title {
	display: inline-block;
	font-size: $plate-title-size;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-overflow: ellipsis;
}

.plate-body {
	color: inherit;
	padding: $plate-body-padding;
	@include clearfix;

	.plate {
		box-shadow: none;
	}
}

.plate-foot {
	color: inherit;
	border-top: $plate-foot-border;
	font-size: 90%;
	padding: 10px 15px;
}

.plate-tools {
	> a {
		cursor: pointer;
		margin-left: 5px;
		color: #c4c4c4;
	}
}
